<model-viewer src="Leica.glb" ar ar-modes="webxr scene-viewer quick-look" camera-controls poster="poster.webp" shadow-intensity="1" exposure="1.29" tone-mapping="neutral">
    <button class="Hotspot" slot="hotspot-1" data-position="-0.017157738949582217m 0.04717573675493167m -0.010643355622721689m" data-normal="-0.00020847063852462284m 0.28682870179504133m -0.9579818643202827m" data-visibility-attribute="visible">
        <div class="HotspotAnnotation">Keypad
            The keypad is used to calibrate, control and input information.</div>
    </button><button class="Hotspot" slot="hotspot-2" data-position="0.014728579314360467m 0.045761202014306425m -0.010263602896222811m" data-normal="-0.00018354284444743545m 0.2869408375083507m -0.9579482877911683m" data-visibility-attribute="visible">
        <div class="HotspotAnnotation">Screen
            The screen is used to display information</div>
    </button>
    <div class="progress-bar hide" slot="progress-bar">
        <div class="update-bar"></div>
    </div>
    <button slot="ar-button" id="ar-button">
        View in your space
    </button>
    <div id="ar-prompt">
        <img src="https://modelviewer.dev/shared-assets/icons/hand.png">
    </div>
</model-viewer>
